
/* 今日上新 */
.new-product{
	//background: linear-gradient(to bottom,$base,$change-clor);
	margin-bottom: 20rpx;
	//box-shadow:  0rpx 10rpx 30rpx rgba(0,0,0,0.1),0 0 28rpx rgba(35, 37, 39, 0.1);
	margin-left: 2%;
	border-radius: 50rpx;
	width: 96%;	
	padding: 0 25rpx;
	background-color: #FFFFFF;
	height: 350rpx;
	.product-title{
		
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: 100rpx;
		.title{
			display: flex;
			align-items: center;
			image{
				width: 24rpx;
				height: 32rpx;
			}
			text{
				font-size: 30rpx;
				color: #4c4b4b;
				margin-left: 20rpx;
			}
		}
		.describe{
			display: flex;
			align-items: center;
			text{
				font-size: 26rpx;
				color: #a09f9f;
			}
		}
	}
	.goods-list{
		white-space:nowrap;
		width: 100%;
		height: 220rpx;
		overflow-y: hidden;
		overflow-x: auto;
		.list{
			display:inline-block;
			width: 25%;
			height: 100%;
			margin-right: 20rpx;
			.pictrue{
				width: 100%;
				height: 70%;
				image{
					width: 150rpx;
					height: 150rpx;
				}
			}
			.price{
				display: flex;
				align-items: center;
				width: 100%;
				height: 30%;
				.selling-price{
					font-size: 28rpx;
					font-weight: bold;
					color: $price-clor;
				}
				.original-price{
					font-size: 24rpx;
					text-decoration: line-through;
					color: #bbbaba;
					margin-left: 10rpx;
				}
			}
		}
	}
	
}	
/* 为你推荐 */
.recommend-info{
	//background: linear-gradient(to bottom,$base,$change-clor);	
	width: 100%;
	background-color: #f2f2f2;
	.recommend-title{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100rpx;
		.title{
			display: flex;
			align-items: center;
			image{
				width: 416rpx;
				height: 40rpx;
			}
		}
	}
	.goods-list{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0 30rpx;
		.list{
			width: 49%;
			height: 540rpx;
			margin-bottom: 20rpx;
			background-color: #FFFFFF;
			border-radius: 10rpx;
			overflow: hidden;
			.pictrue{
				display: flex;
				justify-content: center;
				width: 100%;
				image{
					height: 350rpx;
				}
			}
			.title-tag{
				// display: flex;
				height: 100rpx;
				padding: 20rpx;
				.tag{
					float: left;
					margin-right: 10rpx;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					white-space: normal;
					font-size: 26rpx;
					line-height: 40rpx;
					text{
						font-size: 24rpx;
						color: #FFFFFF;
						padding: 4rpx 16rpx;
						background: linear-gradient(to right,$base,$change-clor);
						border-radius: 6rpx;
						margin-right: 10rpx;
					}
				}
			}
			.price-info{
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				justify-content: space-between;
				padding: 0 20rpx;
				height: 80rpx;
				.user-price{
					display: flex;
					align-items: center;
					text{
						color: $price-clor;
					}
					.min{
						font-size: 24rpx;
					}
					.max{
						font-size: 32rpx;
					}
				}
				.vip-price{
					display: flex;
					align-items: center;
					image{
						width: 26rpx;
						height: 26rpx;
						margin-right: 10rpx;
					}
					text{
						color: #fcb735;
						font-size: 24rpx;
					}
				}
			}
		}
	}
}